<html lang="cn">

<head>
  <meta charset="UTF-8">
  <meta name="format-detection" content="telephone = no">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <title></title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <script src="../common.js"></script>
  <link rel="stylesheet" href="../common.css">
  <link rel="stylesheet" href="./index.css">
</head>

<body>
  <div class="navContainer" >
    <div class="navContent">
      <div class="logo">
        <img src="../images/logo.png">
      </div>
      <ul class="list">
        <li>首页</li>
        <li>热门榜单</li>
        <li>品牌视界</li>
        <li>中企头条</li>
        <li>中企荣誉墙</li>
      </ul>
      <div class="button">参加活动</div>
    </div>
  </div>
  <div class="container">
    <div class="content">
      <div class="swiper-container oneContainer" id="firstSwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide firstOneSwiper"></div>
        </div>
      </div>
      <div class="twoContainer">
        <div class="twoContnt">
          <div class="leftImage">
            <img src="../images/home/home_rmbd_bg_img.png">
          </div>
          <div class="twoWrapper">
            <div class="wrapperTopRedLine"></div>
            <div class="wrapperTitle">热门榜单</div>
            <div class="wrapperEnglishTitle">RE MEN BANG DAN </div>
            <div class="wrapperdescription">热门榜单包含2019年度所有行业十大品牌排行榜</div>
            <div class="wrapperButton">查看全部 >></div>
          </div>
          <div class="swiper-container" id="secondSwiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="bigLarge title">中国十大品牌排行榜</div>
                <div class="larger description">管道疏通剂疏通行业</div>
                <div class="date">
                  <p class="day">06</p>
                  <p class="redLine"></p>
                  <p class="time">2019.06</p>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="bigLarge title">中国十大品牌排行榜</div>
                <div class="larger description">管道疏通剂疏通行业</div>
                <div class="date">
                  <p class="day">06</p>
                  <p class="redLine"></p>
                  <p class="time">2019.06</p>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="bigLarge title">中国十大品牌排行榜</div>
                <div class="larger description">管道疏通剂疏通行业</div>
                <div class="date">
                  <p class="day">06</p>
                  <p class="redLine"></p>
                  <p class="time">2019.06</p>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="bigLarge title">中国十大品牌排行榜</div>
                <div class="larger description">管道疏通剂疏通行业</div>
                <div class="date">
                  <p class="day">06</p>
                  <p class="redLine"></p>
                  <p class="time">2019.06</p>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="bigLarge title">中国十大品牌排行榜</div>
                <div class="larger description">管道疏通剂疏通行业</div>
                <div class="date">
                  <p class="day">06</p>
                  <p class="redLine"></p>
                  <p class="time">2019.06</p>
                </div>
              </div>
            </div>
            <div class="secondSwiper-pagination"></div>
            <div class="swiper-button-next swiper-button-white">
              <img src="../images/home/home_moer_per_icon.png" alt="" srcset="">
            </div>
            <!-- <div class="swiper-button-prev swiper-button-white"></div> -->
          </div>
        </div>
        <!-- <div class="fengexian"></div> -->
        <div class="fengexianImg"></div>
      </div>
      <div class="threeContainer">
        <div class="threeContent">
          <div class="nav">
            <div>
              <div class="wrapperTopRedLine"></div>
              <div class="wrapperTitle">热门榜单</div>
              <div class="wrapperEnglishTitle">RE MEN BANG DAN </div>
            </div>
            <div class="wrapperButton">查看全部 >></div>
          </div>
          <div class="inner">
            <div class="row">
              <div class="cell">
                <div class="left">
                  <div class="logoImage">
                    <img src="../images/home/home_banner_img.jpg" alt="" srcset="">
                  </div>
                  <div class="title needEllipsis">德秀丽德秀丽德秀丽德秀丽德秀丽德秀丽</div>
                  <div class="showDetail">查看详情>></div>
                </div>
                <div class="right">
                  <div class="brief">企业简介</div>
                  <div class="briefEnglish">Business Profile</div>
                  <div class="redLine"></div>
                  <div class="description ellipsis">
                    <span>
                        淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器; 空气净化装置和机器; 抽水马桶; 浴霸; 坐浴浴盆; 盥洗盆(卫生设备部件); 浴室装置;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器; 空气净化装置和机器装置和机器装置和机器抽水坐浴
                    </span>
                  </div>
                </div>
              </div>

              <div class="cell">
                <div class="left">
                  <div class="logoImage">
                    <img src="../images/home/home_banner_img.jpg" alt="" srcset="">
                  </div>
                  <div class="title needEllipsis">德秀丽</div>
                  <div class="showDetail">查看详情>></div>
                </div>
                <div class="right">
                  <div class="brief">企业简介</div>
                  <div class="briefEnglish">Business Profile</div>
                  <div class="redLine"></div>
                  <div class="description ellipsis">
                    <span>
                        淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器; 空气净化装置和机器; 抽水马桶; 浴霸; 坐浴浴盆; 盥洗盆(卫生设备部件); 浴室装置;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器; 空气净化装置和机器装置和机器装置和机器抽水坐浴
                    </span>
                  </div>
                </div>
              </div>
              <div class="cell">
                <div class="left">
                  <div class="logoImage">
                    <img src="../images/home/home_banner_img.jpg" alt="" srcset="">
                  </div>
                  <div class="title needEllipsis">德秀丽</div>
                  <div class="showDetail">查看详情>></div>
                </div>
                <div class="right">
                  <div class="brief">企业简介</div>
                  <div class="briefEnglish">Business Profile</div>
                  <div class="redLine"></div>
                  <div class="description ellipsis">
                    <span>
                        aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                        <!-- 淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器; 空气净化装置和机器; 抽水马桶; 浴霸; 坐浴浴盆; 盥洗盆(卫生设备部件); 浴室装置;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器; 空气净化装置和机器装置和机器装置和机器抽水坐浴 -->
                    </span>
                  </div>
                </div>
              </div>

              <div class="cell">
                <div class="left">
                  <div class="logoImage">
                    <img src="../images/home/home_banner_img.jpg" alt="" srcset="">
                  </div>
                  <div class="title needEllipsis">德秀丽</div>
                  <div class="showDetail">查看详情>></div>
                </div>
                <div class="right">
                  <div class="brief">企业简介</div>
                  <div class="briefEnglish">Business Profile</div>
                  <div class="redLine"></div>
                  <div class="description ellipsis">
                    <span>
                        淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器; 空气净化装置和机器; 抽水马桶; 浴霸; 坐浴浴盆; 盥洗盆(卫生设备部件); 浴室装置;淋浴隔间; 卫生器械和设备; 消毒设备; 水净化设备和机器; 空气净化装置和机器装置和机器装置和机器抽水坐浴
                    </span>
                  </div>
                </div>
              </div>
              
            </div>
          </div>
        </div>
      </div>
      <div class="fourContainer">
        <div class="fourContent">
          <div class="topTitle">
            中企头条&nbsp;
            <img src="../images/home/home_zqtt_icon.png" alt="" srcset="">
          </div>
          <!-- <div class="englishTitle">
            ZHONG QI TOU TIAO
          </div> -->
          <div class="inner">
            <div class="left">

              <div class="leftOneAndFour leftOne">
                <img src="" alt="">
                <div class="innerContent">
                  <div class="innerContentTitle needEllipsis">施华洛世奇 </div>
                  <div class="innerContentSubheading needEllipsis">品牌文化：珠宝是物质的，施华洛世奇是精神的</div>
                  <div class="innerContentDescription ellipsis">
                    <span>
                    品牌简介：施华洛世奇为全球首屈一指的精确切割仿水晶制造商，为时尚服饰、首饰灯饰、建筑及室内设计提供仿水晶元素。
施华洛世奇企业的两个主要业务，分别负责制造及销售仿水晶元素，以及设计制造成品。施华洛世奇仿水晶已成为国际设计作品必备的元素。自1965年起，公司便为高级首饰业提供精确切割的天然及人造宝石。
施华洛世奇"银水晶"系列设计精巧，款式别出心裁，包括有动物，烛台及其他案头摆设，现时，在世界各地超过一万二千间施华洛世奇专卖店均可买到银水晶产品，至于产品系列则包罗逾一百二十种
                    </span>
                  </div>
                  <div class="innerContentDetails">
                    <a><div><span class="needEllipsis">华为董事长任正非华为董事长任正非</span></div></a>
                    <a><div><span class="needEllipsis">华为董事长任正非assa</span></div></a>
                    <a><div><span class="needEllipsis">assadsa</span></div></a>
                  </div>
                </div>
              </div>

              <div class="leftTwoAndFive leftTwo">
                <div class="innerContent">
                  <div style="width: 511px;">
                    <div class="innerContentTitle needEllipsis">伊利品牌焕新升级，引领行业品牌风向！</div>
                    <div class="innerContentSubheading needEllipsis">Erie brand Huan new upgrade, leading the direction of the indus</div>
                    <div class="innerContentTopRedLine"></div>
                  </div>
                  
                  <div class="innerContentDescription ellipsis">
                    <span>
                    品牌简介：施华洛世奇为全球首屈一指的精确切割仿水晶制造商，为时尚服饰、首饰灯饰、建筑及室内设计提供仿水晶元素。
施华洛世奇企业的两个主要业务，分别负责制造及销售仿水晶元素，以及设计制造成品。施华洛世奇仿水晶已成为国际设计作品必备的元素。自1965年起，公司便为高级首饰业提供精确切割的天然及人造宝石。
施华洛世奇"银水晶"系列设计精巧，款式别出心裁，包括有动物，烛台及其他案头摆设，现时，在世界各地超过一万二千间施华洛世奇专卖店均可买到银水晶产品，至于产品系列则包罗逾一百二十种
                    </span>
                  </div>
                  <div class="innerContentDetails">
                    <div><span class="needEllipsis">华为董事长任正非华为董事长任正非</span></div>
                    <div><span class="needEllipsis">华为董事长任正非assa</span></div>
                    <div><span class="needEllipsis">assadsa</span></div>
                  </div>
                </div>
                <img src="" alt="">
              </div>

              <div class="leftThree">
                <img src="" alt="">
                <div class="innerContent">
                  <div class="innerContentTitle needEllipsis">人物简介 </div>
                  <div class="innerContentSubheading needEllipsis">Personal profile</div>
                  <div class="innerContentDescription ellipsis">
                    <span>
                      王健林，男，1954年10月24日出生于四川省广元市，1989年起担任大连万达集团股份有限公司董事长。
                      1970年入伍，1986年从部队转业，毕业于辽宁大学，7月进入大连市西岗区人民政府任办公室主任，1989年起担任大连万达集团股份有限公司董事长至今。中共十七大代表、第十一届全国政协常委、第十一届全国工商联副主席，兼任中国民间商会副会长、中国企业联合会副会长、中国企业家协会副会长、中国商业联合会副会长、中国慈善联......
                    </span>
                  </div>
                  <div class="leftThreeInnerContentDetails">
                    <a><div><span class="needEllipsis">华为董事长任正非华为董事长任正非</span></div></a>
                    <a><div><span class="needEllipsis">华为董事长任正非assa</span></div></a>
                    <a><div><span class="needEllipsis">assadsa</span></div></a>
                  </div>
                </div>
              </div>

              <div class="leftOneAndFour leftFour">
                <img src="" alt="">
                <div class="innerContent">
                  <div class="innerContentTitle needEllipsis">施华洛世奇 </div>
                  <div class="innerContentSubheading needEllipsis">品牌文化：珠宝是物质的，施华洛世奇是精神的</div>
                  <div class="innerContentDescription ellipsis">
                    <span>
                    品牌简介：施华洛世奇为全球首屈一指的精确切割仿水晶制造商，为时尚服饰、首饰灯饰、建筑及室内设计提供仿水晶元素。
              施华洛世奇企业的两个主要业务，分别负责制造及销售仿水晶元素，以及设计制造成品。施华洛世奇仿水晶已成为国际设计作品必备的元素。自1965年起，公司便为高级首饰业提供精确切割的天然及人造宝石。
              施华洛世奇"银水晶"系列设计精巧，款式别出心裁，包括有动物，烛台及其他案头摆设，现时，在世界各地超过一万二千间施华洛世奇专卖店均可买到银水晶产品，至于产品系列则包罗逾一百二十种
                    </span>
                  </div>
                  <div class="innerContentDetails">
                    <a><div><span class="needEllipsis">华为董事长任正非华为董事长任正非</span></div></a>
                    <a><div><span class="needEllipsis">华为董事长任正非assa</span></div></a>
                    <a><div><span class="needEllipsis">assadsa</span></div></a>
                  </div>
                </div>
              </div>

              <div class="leftTwoAndFive leftFive">
                <div class="innerContent">
                  <div style="width: 511px;">
                    <div class="innerContentTitle needEllipsis">伊利品牌焕新升级，引领行业品牌风向！</div>
                    <!-- <div class="innerContentSubheading needEllipsis">Erie brand Huan new upgrade, leading the direction of the indus</div> -->
                    <div style="display: flex;align-items:center;margin-top: 17px;">
                      <div class="innerContentTopRedLine" style="margin-top: 0px;"></div>
                      <div style="width:133px;height:1px;background:rgba(220,220,220,1);"></div>
                    </div>
                  </div>
                  
                  <div class="innerContentDescription ellipsis">
                    <span>
                    品牌简介：施华洛世奇为全球首屈一指的精确切割仿水晶制造商，为时尚服饰、首饰灯饰、建筑及室内设计提供仿水晶元素。
施华洛世奇企业的两个主要业务，分别负责制造及销售仿水晶元素，以及设计制造成品。施华洛世奇仿水晶已成为国际设计作品必备的元素。自1965年起，公司便为高级首饰业提供精确切割的天然及人造宝石。
施华洛世奇"银水晶"系列设计精巧，款式别出心裁，包括有动物，烛台及其他案头摆设，现时，在世界各地超过一万二千间施华洛世奇专卖店均可买到银水晶产品，至于产品系列则包罗逾一百二十种
                    </span>
                  </div>
                  <div class="innerContentDetails">
                    <a><div><span class="needEllipsis">华为董事长任正非华为董事长任正非</span></div></a>
                    <a><div><span class="needEllipsis">华为董事长任正非assa</span></div></a>
                    <a><div><span class="needEllipsis">assadsa</span></div></a>
                  </div>
                </div>
                <img src="" alt="">
              </div>

            </div>
            <ul class="right">
              <li>品牌文化</li>
              <li>品牌风向</li>
              <!-- <li>中企人物</li> -->
              <li>中企推荐</li>
              <li>中企思想</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="fiveContainer">
        <div class="fiveContent">
          <div class="nav">
            <div>
              <div class="wrapperTopRedLine"></div>
              <div class="wrapperTitle">中企荣誉墙</div>
              <div class="wrapperEnglishTitle">ZHONG QI RONG YU QIANG</div>
            </div>
          </div>
          <div class="inner">
            <div class="row">
              <div class="cell">
                <div class="bgImage"></div>
                <div class="logoImage">
                  <img src="" alt="" srcset="">
                </div>
                <div class="title needEllipsis">汉坤</div>
                <div class="button"><a>查看品牌荣誉</a></div>
              </div>
              <div class="cell">
                <div class="bgImage"></div>
                <div class="logoImage">
                  <img src="" alt="" srcset="">
                </div>
                <div class="title needEllipsis">汉坤</div>
                <div class="button"><a>查看品牌荣誉</a></div>
              </div>
              <div class="cell">
                <div class="bgImage"></div>
                <div class="logoImage">
                  <img src="" alt="" srcset="">
                </div>
                <div class="title needEllipsis">汉坤</div>
                <div class="button"><a>查看品牌荣誉</a></div>
              </div>
              <div class="cell">
                <div class="bgImage"></div>
                <div class="logoImage">
                  <img src="" alt="" srcset="">
                </div>
                <div class="title needEllipsis">汉坤</div>
                <div class="button"><a>查看品牌荣誉</a></div>
              </div>
              
              <div class="cell">
                <div class="bgImage"></div>
                <div class="logoImage">
                  <img src="" alt="" srcset="">
                </div>
                <div class="title needEllipsis">汉坤</div>
                <div class="button"><a>查看品牌荣誉</a></div>
              </div>
              <div class="cell">
                <div class="bgImage"></div>
                <div class="logoImage">
                  <img src="" alt="" srcset="">
                </div>
                <div class="title needEllipsis">汉坤</div>
                <div class="button"><a>查看品牌荣誉</a></div>
              </div>
              <div class="cell">
                <div class="bgImage"></div>
                <div class="logoImage">
                  <img src="" alt="" srcset="">
                </div>
                <div class="title needEllipsis">汉坤</div>
                <div class="button"><a>查看品牌荣誉</a></div>
              </div>
              <div class="cell">
                <div class="lastTitle">中企荣誉墙</div>
                <div class="lastRedLine"></div>
                <div class="lastButton"><a>查看全部 >></a></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="bottomContainer">
      <div class="bottomContent">
        <div class="left">
          <p class="title">友情链接</p>
          <ul class="row">
            <li class="cell"><a>新华网</a></li>
            <li class="cell"><a>新华网</a></li>
            <li class="cell"><a>新华网</a></li>
          <!-- </ul>
          <ul class="row"> -->
            <li class="cell"><a>国家统计局</a></li>
            <li class="cell"><a>新华网</a></li>
            <li class="cell"><a>新华网</a></li>
          </ul>
        </div>
        <div class="center">
          <p class="title">联系我们</p>
          <p class="phone">客服电话</p>
          <p class="phoneNumber">400-159-0958</p>
          <p class="email">邮箱</p>
          <p class="emailAddress">kefu@10pinpaiwang.com</p>
        </div>
        <div class="right">
          <div class="code">
            <div><img src="" alt="" srcset="" ></div>
            <p class="small">中信网M端 <br> 扫码立即打开1</p>
          </div>
          <div class="code">
            <div><img src="" alt="" srcset="" ></div>
            <p class="small">中企公众号 <br> 扫码立即关注</p>
          </div>
        </div>
      </div>
      <p class="bottomRecord">Copyright 中企品牌网(www.brandzw.com) 京ICP备19006167号-1</p>
    </div>
    <div class="rightBottomMenu">
      <div class="top">
        <img src="../images/pc_fxrk_img.png">
      </div>
      <div class="bottom">
        <div class="codeDialog">
          <div class="code">
            <img src="" alt="" srcset="">
            <p>中企M端</p>
          </div>
          <div class="code">
            <img src="" alt="" srcset="">
            <p>中企公众号</p>
          </div>
        </div>
        <div class="menu">
          <img class="showCodeDialog" src="../images/home_wx_icon.png">
          <img class="goTop" src="../images/home_zd_icon.png">
        </div>
      </div>
    </div>
    <div class="videoContainer">
      <div class="mark">
        <video controls muted autoplay="autoplay" >
          <!-- <source src="http://220.181.91.148/vcloud1049.tc.qq.com/1049_M0102025001a8CVy4g0Wtq1001610719.f9834.mp4?vkey=EDDCB2AE7A4DDD1EC3C469079AF516CCFBF937B5F43D6AE747A37C7E22A81B30453530698DAEEB19F96B16EA5FAEC6DCE21B5BDBE03A96C65162C97ADA550BBA63E2582CA0E5D7413984368B424E41744581BB7336F35296"/> -->
        </video>
      </div>
    </div>
  </div>
</body>
</html>

<script>
  var indexInit = {
    swiper: function () {
      var mySwiper = new Swiper('#firstSwiper', {
        autoplay: true,//可选选项，自动滑动
      })
      var swiper = new Swiper('#secondSwiper', {
        slidesPerView: 'auto',
        // width: 1333,
        spaceBetween: 30,
        pagination: {
          el: '.secondSwiper-pagination',
          clickable: true,
        },
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
      });
    },
    nav: function () {
      var lists = $('.list li')
      $(lists[0]).addClass('active')
      lists.click(function () {
        for (var i = 0; i < lists.length; i++) {
          +function (i) {
            $(lists[i]).removeClass('active')
          }(i)
        }
        $(this).addClass('active')
      })
    },
    addActive: function () {
      var fiveTextModules = ['品牌文化', '品牌风向', '中企推荐', '中企思想']
      var fiveClassModules = ['.leftOne', '.leftTwo', '.leftFour', '.leftFive']
      // fiveTextModules = ['品牌文化', '品牌风向', '中企人物', '中企推荐', '中企思想']
      // var fiveClassModules = ['.leftOne', '.leftTwo', '.leftThree', '.leftFour', '.leftFive']
      var lists = $('.fourContent .right li')
      $(lists[0]).addClass('active')
      $(fiveClassModules[0]).css('opacity', '1')
      $(fiveClassModules[0]).css('zIndex', '3')
      lists.click(function () {
        for (let i = 0; i < lists.length; i++) {
          +function (i) {
            $(lists[i]).removeClass('active')
            $(fiveClassModules[i]).css('opacity', '0')
            $(fiveClassModules[i]).css('zIndex', '0')
          }(i)
        }
        var that = $(this)
        var show = fiveClassModules[fiveTextModules.indexOf(that.text())]
        $(show).css('zIndex', '3')
        that.addClass('active')
        $(show).animate({opacity: '1'}, function () {
          that.addClass('active')
        })
      })

      // var leftOneContentDetails = $('.fourContent .leftOneContentDetails div')
      // leftOneContentDetails.click(function () {
      //   console.log(';??')
      //   for (let i = 0; i < lists.length; i++) {
      //     +function (i) {
      //       $(leftOneContentDetails[i]).removeClass('bottomLineActive')
      //     }(i)
      //   }
      //   $(this).addClass('bottomLineActive')
      // })
    },
    scroll: function () {},
    showVideo:function () {
      $('.rightBottomMenu .top').click(function () {
        $('.videoContainer').show()
      })
      $('.videoContainer .mark video').click(function (e) {
        e.stopPropagation()
        $(this).click()
      })

      $('.videoContainer .mark').click(function () {
        $('.videoContainer').fadeOut()
      })
    }
  }
  $(document).ready(function () {
    $('.innerContentDetails div').hover(function () {
      $('.innerContentDetails div').removeClass('divActive')
      $(this).addClass('divActive')
    })
    for (var i in indexInit) {
      indexInit[i]()
    }
  })
</script>